import React from 'react';
import { Icon } from 'antd';
import './ChooseTips.less'

const ChooseTips = (props) => (
  <div className="choose-pieces">
    <Icon
      className="info-icon"
      type="exclamation-circle"
      theme="filled" />
    <span>choose <span className="pieces">{props.tipsNumber}</span> pieces</span>
    <span className="excision">|</span>
    <span className="clear" onClick={props.clearChooseTips}>Clear</span>
  </div>
)

export default ChooseTips;
